<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<main>
			<section id="box1">
				<div>
					<!-- 头像 -->
					<div id="photo"><img src="../../assets/img/dog.jpg" alt="" /></div>
					<!-- 用户名 -->
					<h1 id="username">大哥</h1>
					<!-- 会员标识 -->
					<img src="../../assets/img/VIP.png" alt="" id="vip" />
					<img
						src="../../assets/img/右箭头.png"
						alt=""
						class="rightarrow"
						id="userdata"
					/>
				</div>
				<p>
					个性签名:&emsp;<span id="sign"
						>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span
					>
				</p>
			</section>
			<section id="box2">
				<p>
					<img src="../../assets/img/shuju.png" alt="" id="dataphoto" />
					运动数据
					<img
						src="../../assets/img/右箭头.png"
						alt=""
						class="rightarrow"
						id="mineData"
					/>
				</p>
				<div>
					<div id="motorscale" class="box21">
						<p>总运动</p>
						<p>
							<span id="sporttime" class="bignmb">9999</span> <span>分钟</span>
						</p>
					</div>
					<div id="wastage" class="box21">
						<p>本周消耗</p>
						<p>
							<span id="energy" class="bignmb">999</span>
							<span>千卡</span>
						</p>
					</div>
				</div>
			</section>
			<section id="box3">
				<p>
					<img src="../../assets/img/shuju.png" alt="" id="dataphoto" />
					运动数据
					<img src="../../assets/img/右箭头.png" alt="" class="rightarrow" />
				</p>
				<div id="medal">
					<div></div>
					<div></div>
					<div></div>
				</div>
			</section>
			<button>退出登录</button>
		</main>
		<footer id="tapBar"></footer>
	</body>
</html>
